@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

page,
:root {
  --primary-color: #004295 !important;
  --warn-color: #f6ad3c !important;
  --tab-active-text-color: var(--primary-color);
  --button-primary-background-color: var(--primary-color) !important;
  --button-disabled-opacity: 1 !important;
  --tag-default-color: #eff3fa !important;
  --tag-text-color: #b4b8c4 !important;
  --tag-warning-color: var(--warn-color);
}

page {
  font-family: appleSystem, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
    Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
    'Microsoft Yahei', sansSerif;
  background-color: #f6f7fb;
}

navigator,
view,
page,
textarea,
image,
text,
input,
button {
  box-sizing: border-box;
}

.van-tabs__wrap {
  border-bottom: 1px solid #f2f2f2;
}

.van-button--disabled {
  color: white !important;
  background-color: #b4b8c4 !important;
}

.fixed-container-shadow {
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05);
}

.at-calendar__list.flex .flex__item-container {
  border-radius: 10px !important;
}
.at-calendar__list.flex
  .flex__item--selected-head.flex__item--selected-tail
  .flex__item-container {
  border-width: 4px;
  background-color: #eff3fa !important;
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.at-calendar__list.flex .flex__item-extra .extra-marks {
  line-height: initial !important;
}
.at-calendar__list.flex .flex__item-extra .extra-marks .mark {
  background-color: var(--warn-color) !important;
}
